<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="UTF-8">
                <title>Title</title>
        </head>
        <body>
                <div th:replace="common/top"></div>

                <div id="Catalog">
                        <form action="/order/confirmOrderForm" method="post">

                                <table>
                                        <tr>
                                                <th colspan=2>Payment Details</th>
                                        </tr>
                                        <tr>
                                                <td>Card Type:</td>
                                                <td><select name="cardType">
                                                        <option value="visa"> Visa</option>
                                                        <option value="mastercard"> MasterCard</option>
                                                        <option value="Americanexpress"> American Express</option>
                                                </select></td>
                                        </tr>
                                        <tr>
                                                <td>Card Number:</td>
                                                <td><input type="text" name="creditCard"/></td>
                                        </tr>
                                        <tr>
                                                <td>Expiry Date (MM/YYYY):</td>
                                                <td><input type="text" name="expiryDate"/></td>
                                        </tr>
                                        <tr>
                                                <th colspan=2>Billing Address</th>
                                        </tr>

                                        <tr>
                                                <td>First name:</td>
                                                <td><input type="text" name="billToFirstName"
                                                           th:value="${account.firstName}"/></td>
                                        </tr>
                                        <tr>
                                                <td>Last name:</td>
                                                <td><input type="text" name="billToLastName"
                                                           th:value="${account.lastName}"/></td>
                                        </tr>
                                        <tr>
                                                <td>Address 1:</td>
                                                <td><input type="text" size="40" name="billAddress1"
                                                           th:value="${account.address1}"/></td>
                                        </tr>
                                        <tr>
                                                <td>Address 2:</td>
                                                <td><input type="text" size="40" name="billAddress2"
                                                           th:value="${account.address2}"/></td>
                                        </tr>
                                        <tr>
                                                <td>City:</td>
                                                <td><input type="text" name="billCity" th:value="${account.city}"/></td>
                                        </tr>
                                        <tr>
                                                <td>State:</td>
                                                <td><input type="text" size="4" name="billState"
                                                           th:value="${account.state}"/></td>
                                        </tr>
                                        <tr>
                                                <td>Zip:</td>
                                                <td><input type="text" size="10" name="billZip"
                                                           th:value="${account.zip}"/></td>
                                        </tr>
                                        <tr>
                                                <td>Country:</td>
                                                <td><input type="text" size="15" name="billCountry"
                                                           th:value="${account.country}"/></td>
                                        </tr>

                                        <tr>
                                                <td colspan=2><input type="checkbox" name="shippingAddressRequired"/>
                                                        Ship to different address...
                                                </td>
                                        </tr>

                                </table>

                                <input type="submit" name="newOrder" value="Continue"/>

                        </form>
                </div>
                </div>


                <div th:replace="common/bottom"></div>

        </body>
</html>